﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文化云</title>
    <link href="WebUI/css/base.css" rel="stylesheet" />
    <link href="WebUI/css/Public.css" rel="stylesheet" />
    <link href="WebUI/css/step.css" rel="stylesheet" />
    <link href="WebUI/css/apply_p.css" rel="stylesheet" />
    <link href="WebUI/font/iconfont.css" rel="stylesheet" />
    <link href="../plugins/layer/skin/layer.css" rel="stylesheet" />
</head>
<body>
<div id="headdiv" class="head">

</div>
<div class="main center-black">
    <div class="head-step">
        <a href="index.html" class="small-logo"><img src="WebUI/images/logo.png" /></a>
        <div class="step clearfix text-center fright">
            <ul>
                <li class="step-item step1 fleft text-left">
                    <span>1</span><br />
                    选择场地
                </li>
                <li class="step-item step2 active">
                    <span>2</span><br />
                    确认信息
                </li>
                <li class="step-item step3 text-right fright">
                    <span>3</span><br />
                    提交成功
                </li>
            </ul>
        </div>
    </div>
    <div class="sgin-info clearfix">
        <div class="sgin-title">
            <h2>申请信息</h2>
        </div>
        <div class="sgin-content">
            <div class="info-area fleft">
                <div class="area-intro">
                    <p><span>面       积：400㎡ </span><span>坐席数：345位</span></p>
                    <p><b>空调 </b><b>灯光 </b><b>音响 </b><b>麦克风 </b><b>投影</b></p>
                    <p>使用推荐： 影片放映，演讲培训，行业会议，发布会。</p>
                    <i>2F</i>
                </div>
                <div class="selection">
                    <p class="sele_list">
                        <a class="yes"><b></b>可以选择</a>
                        <a class="ing"><b><i class="iconfont">&#xe60f;</i></b>已选择</a>
                        <a class="no"><b></b>不可选择</a>
                    </p>
                    <div class="rili-area"style="width:770px; height: 700px;">
                        <!--说明:
                            三个状态调用样式:
                            (1)可以选择:给 .fc-event添加.yes 的class样式
                            (2)已选择:给 不添加样式
                            (3)不可选择:给 .fc-event添加.no 的class样式
                        -->
                        <iframe src="fullcalendar-2.7.3.html" width=100% height=100% frameborder=0 scrolling="no" >

                        </iframe>
                    </div>
                </div>
            </div>
            <div class="sgin-form fright">
                <form>
                    <div class="form-group">
                        <label class="control-label fleft">申请人ID：</label>
                        <div class="input-group">
                            <p id="username" class="form-static"></p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label fleft">联系人：</label>
                        <div class="input-group">
                            <input id="contact" type="text" class="form-control" maxlength="8" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label fleft">联系电话：</label>
                        <div class="input-group">
                            <input id="phone" type="text" class="form-control" maxlength="20" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label fleft">申请对象：</label>
                        <div id="fieldlease" class="input-group">
                            <span>2016年12月28日  9：00 -12：00</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label fleft">场地用途：</label>
                        <div class="input-group">
                            <textarea id="summary" class="form-control" style="height:160px;"></textarea>
                        </div>
                    </div>
                    <div class="form-group text-right" style="padding-left:34px;">
                        <a class="submit" onclick="applylease();"><img src="WebUI/images/btn-submit.png" /></a>

                        <p class="text-left" style="color:#888888;line-height:2;margin-top:10px;">
                            温馨提示：<br />
                            该场地申请最终由场地拥有方进行确认
                        </p>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div id="footdiv" class="foot">

</div>
<!--js引用-->
<script src="WebUI/js/jquery-1.9.1.min.js"></script>
<script src="WebUI/js/animate.js"></script>
<script src="../js/basicjs.js"></script>
<script src="../js/jquery.query.js"></script>
<script src="../js/jquery.json-2.4.min.js"></script>
<script src="../js/frontpage/applyp.js"></script>
<script src="../plugins/layer/layer.js"></script>
<script>
    $(function () {
        //头部导航下拉框
        selectModel(".head li.ms","mr current","curleft",".mm");
        //引入头部
        $.get("head.html",function(data){
            $("#headdiv").html(data);
        });
        //引入脚
        $.get("foot.html",function(data){
            $("#footdiv").html(data);
        });
    })
</script>
</body>
</html>